export default class Main extends React.PureComponent {
    state = {
        data: [],
        loadng: true,
    }
    render() {
        var loading = this.state.loadng;
        var data = this.state.data;
        if(loading) return <span>loading...</span>
        {data.map(item => <BattleInfo data={data} />)}
    }
}

class BattleInfo extends React.Component {
    render() {
        vat data = this.props.data;
        return <div>
            <img src={data.url} alt="">
        </div>
    }
}